<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>

</html>
<!-- 
    清空节点
        我们可以使用html(""),来清除节点，但是这样不安全，可能会导致内存泄漏，不推荐使用
        empty();
            该方法我们推荐使用，因为可以将标签内部的数据和事件全部清除
            例子：
                $('#ul1').empty();
    移出某一个元素
        remove();
            该方法属于自杀，就是那个对象调用它，就会被杀死
            例子：
                $('#li3').remove();
                执行完毕之后id为li3的标签会被清除掉
    克隆节点
        clone();
            该方法用于克隆节点，但是克隆的节点只存在于内存之中，如果想在界面上显示需要追加
            clone()方法有参数，该参数为布尔值(true和false)，无论该参数为什么都会克隆到标签的后面节点  
            参数的作用是是否克隆事件，如果参数为true则在克隆时会克隆事件，如果参数为false则不会克隆事件,该参数的默认值时false
            例子：
                var $divNew = $('#div').clone(true);
                                   
 -->